<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>基础表单</title>
    <link rel="stylesheet" type="text/css" href="../css/mview.css?v=20230607112">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_4109983_utw78lyr7o.css">
</head>

<body>
    <div class="m-card m-mb-1">
        <div class="m-form-item">
            <label><b>*</b>单张图片样式:</label>
            <div>
                <a href="javascript:;" class="m-file" style="float:left;margin-left: 0px;">
                    <font>上传</font>
                    <input type="file" name="upload_avatar" id="upload_avatar" onchange="jsUpload('avatar',1024,true,{},'all')">
                </a>
                <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image" id="avatar_show" style="max-width: 300px;">
                <input type="hidden" name="avatar" id="avatar" value="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132">
            </div>
        </div>
        <div class="m-form-item">
            <label>多张图片上传:<font>支持多张图片上传。</font></label>
            <div>
                <a href="javascript:;" class="m-file" style="float:left;margin-left: 0px;">
                    <font>添加</font>
                    <input type="file" name="upload_bottom_image" id="upload_bottom_image" onchange="jsUploadMore('bottom_image',1024,true,{},'image')">
                </a>
                <div class="m-file-images" id="bottom_image_lists">
                    <div id="5832723"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','5832723');"></i></div>
                    <div id="2540575"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','2540575');"></i></div>
                    <div id="2540575"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','2540575');"></i></div>
                    <div id="2540575"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','2540575');"></i></div>
                    <div id="2540575"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','2540575');"></i></div>
                    <div id="2540575"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','2540575');"></i></div>
                    <div id="2540575"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','2540575');"></i></div>
                    <div id="2540575"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','2540575');"></i></div>
                    <div id="2540575"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132" class="m-file-image"><i class="m-file-del iconfont icon-guanbi" onclick="deleteImages('bottom_image','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','2540575');"></i></div>
                </div>
                <input type="hidden" name="bottom_image" id="bottom_image" value="['https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132','https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132']">
            </div>
        </div>
    </div>
</body>

</html>